
<html>
<head>
<head>
<link rel="stylesheet" type="text/css" href="https://gj37765.googlecode.com/svn/Color Picker/colorpicker.css" media="all" />
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type='text/javascript'src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=1.7.1'>
</script> <script type="text/javascript" src="https://gj37765.googlecode.com/svn/Color Picker/jquery.validationEngine.js"></script>
<script type="text/javascript" src="https://gj37765.googlecode.com/svn/Color Picker/colorpicker.js"></script>
<script type="text/javascript" src="https://gj37765.googlecode.com/svn/Color Picker/widget.js"></script>
<title>Recommended Post Slide Out Widget With Share Buttons Generator by Muhammad Akbar</title>
<style type="text/css">
.input-text,.text-input, .select-box{
	margin:0 2px;
	padding:4px 6px;
	border: 1px solid #F9780E;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: gergia;
	font-style: italic;

	-webkit-box-shadow: 1px 1px 1px #dfdfdf;
	-moz-box-shadow: 1px 1px 1px #dfdfdf;
	box-shadow: 1px 1px 1px #dfdfdf;
	font-size: 14px;
	color: #666;
	max-width:auto;
}


			body { font-family: Verdana, Arial;margin: 0;padding: 0;text-align: left;font-size:18px;
}

label       { font-family: Verdana, Arial;margin: 0;padding: 0;text-align: left;font-size:15px; font-weight:bold; }

fieldset    { padding:0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
			#outer-wrapper {font-family: Verdana, Arial;}
			#content-wrapper { width: 98%; max-widtd:980px;  margin: 0 auto;  padding: 5px;  text-align: left; 
background:#FFFFFF;
}
			#content-wrapper h2 {text-align:center;font-size:20px;margin: 5px 0 1em ;padding: 3px 10px;font-size:16px;color:#000;border:1px solid #111;
}
		</style>
<script>
function makingdifferentcodegen() {
var tlinkc = document.getElementsByName("mdtlinkc")[0].value;
var tbcolor = document.getElementsByName("mdtbcolor")[0].value;
var tbs = document.getElementsByName("mdtbs")[0].value;
var sharebutton = document.getElementsByName("mdsharebutton")[0].value;
var widget = document.getElementsByName("widget.content")[0];
var mdcode = "";
for (i = 0; i < document.getElementsByName("md").length; i++) 
{ 
{mdcode = document.getElementsByName("md")[i].value}
}
widget.value = "";
		if (mdcode == 1) {
			widget.value = "<style>\n";
widget.value += "#bpslidein{z index:5;\n";
widget.value += "width:400px;\n";
widget.value += "height:100px;\n";
widget.value += "padding:10px;\n";
widget.value += "background-color:#fff;\n";
widget.value += "border-top:"+ tbs +"px solid #"+ tbcolor +";\n";
widget.value += "position:fixed;\n";
widget.value += "right:-430px;\n";
widget.value += "bottom:0;-moz-box-shadow:-5px 0 10px #aaa;\n";
widget.value += "-webkit-box-shadow:-5px 0 10px #aaa;\n";
widget.value += "box-shadow:-5px 0 10px #aaa;\n";
widget.value += "font-family:Arial, Helvetica, sans-serif;\n";
widget.value += "}\n";
widget.value += "#bpslidein p{\n";
widget.value += "font-size:11px;\n";
widget.value += "text-transform:uppercase;\n";
widget.value += "font-family:Arial,Helvetica,sans-serif;\n";
widget.value += "letter-spacing:1px;color:#555;\n";
widget.value += "}\n";
widget.value += "#bpslidein_title{\n";
widget.value += "color:#555;\n";
widget.value += "font-weight:700;\n";
widget.value += "font-size:16px;\n";
widget.value += "margin:10px 20px 10px 0;\n";
widget.value += "}\n";
widget.value += "#bpslidein a,#bpslidein a:hover,#bpslidein_title{\n";
widget.value += "text-decoration:none;color:#"+ tlinkc +";\n";
widget.value += "}\n";
widget.value += "#bpslidein .close,#bpslidein .expand,#bpslidein .help{\n";
widget.value += "border:2px solid #EEE;\n";
widget.value += "cursor:pointer;\n";
widget.value += "color:#9A9AA1;\n";
widget.value += "width:13px;\n";
widget.value += "height:15px;\n";
widget.value += "padding:2px 0 0 5px;\n";
widget.value += "position:absolute;\n";
widget.value += "right:10px;font-size:17px;\n";
widget.value += "font-weight:700;font-family:Arial, Helvetica, sans-serif;\n";
widget.value += "font-size:12px;\n";
widget.value += "}\n";
widget.value += "#bpslidein .help{right:35px;\n";
widget.value += "}\n";
widget.value += "#bpslidein_title,#bpslidein_image{\n";
widget.value += "float:left;width:80px;\n";
widget.value += "}\n";
widget.value += "#bpslidein_title{\n";
widget.value += "width:290px;\n";
widget.value += "}\n";
widget.value += "<\/style>\n";
widget.value += "<div id=\"bpslidein\" style=\"display:none;\"> \n";
widget.value += "<div class=\"help\">?<\/div>\n";
widget.value += "<div class=\"expand\">+<\/div>\n";
widget.value += "<div class=\"close\">X<\/div>\n ";
widget.value += "<p>Recommended for you<\/p>\n ";
widget.value += "<div id=\"bpslidein_image\"><\/div>\n ";
widget.value += "<div  id=\"bpslidein_title\"><img border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-jCFjmfYh4To\/UNgYaDfdufI\/AAAAAAAAGFY\/RrOdy-Jcoiw\/s1600\/MD-loading.gif\" \/><\/div>\n";
if (sharebutton == 1) {
widget.value += "<div class='addthis_toolbox addthis_default_style '>\n";
widget.value += "<a class='addthis_button_facebook_like' fb:like:layout='button_count'\/>\n";
widget.value += "<a class='addthis_button_tweet'\/>\n";
widget.value += "<a class='addthis_button_google_plusone' g:plusone:size='medium'\/>\n";
widget.value += "<\/a><\/a><\/a><\/div>\n";
widget.value += "<script src='http:\/\/s7.addthis.com\/js\/250\/addthis_widget.js#pubid=xa-4f086bca05bf6861' type='text\/javascript'\/>\n";
widget.value += "<script>\n";
widget.value += "!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=\"\/\/platform.twitter.com\/widgets.js\";fjs.parentNode.insertBefore(js,fjs);}}(document,\"script\",\"twitter-wjs\");<\/script>\n";
}
else if (sharebutton==2) 
{}
widget.value += "<\/div> \n";
widget.value += "<script> if(document.location.href.split(\"\/\").length==6&&document.location.href.indexOf(\".html\")!=-1){if(typeof bp_onload_queue=='undefined')var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function'){function bp_async_loader(src,callback,id){var script=document.createElement('script');script.type=\"text\/javascript\";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState==\"loaded\"||previous_script.readyState==\"complete\"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bp_dom_loaded){newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bp_domLoaded!='function')function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();bp_async_loader(\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.7.1\/jquery.min.js\",function(){bp_async_loader(\"https:\/\/sites.google.com\/site\/gj37765blogspotcom\/recommended%20slide%20out-right.js\",function(){},\"bp-out-slide\")},\"jQueryjs\")} <\/script>\n <a href=\"http:\/\/gj37765.blogspot.com\/2012\/12\/recommended-slide-out-post-widget-with-social-buttons-for-blogger.html\" target=\"_blank\"><img src=\"http:\/\/3.bp.blogspot.com\/-v0ofKh83wb4\/T50FBQ5peZI\/AAAAAAAADBc\/nnJpFQ8RJ10\/s1600\/www.gj37765.blogspot.com.png\" alt=\"Recommended Post Slide Out For Blogger\" \/>\n<\/a>";
		}
		if (mdcode == 2) {
			widget.value = "<style>\n";
widget.value += "#bpslidein{z index:5;\n";
widget.value += "width:400px;\n";
widget.value += "height:100px;\n";
widget.value += "padding:10px;\n";
widget.value += "background-color:#fff;\n";
widget.value += "border-top:"+ tbs +"px solid #tbcolor;\n";
widget.value += "position:fixed;\n";
widget.value += "left:-430px;\n";
widget.value += "bottom:0;-moz-box-shadow:-5px 0 10px #aaa;\n";
widget.value += "-webkit-box-shadow:-5px 0 10px #aaa;\n";
widget.value += "box-shadow:-5px 0 10px #aaa;\n";
widget.value += "font-family:Arial, Helvetica, sans-serif;\n";
widget.value += "}\n";
widget.value += "#bpslidein p{\n";
widget.value += "font-size:11px;\n";
widget.value += "text-transform:uppercase;\n";
widget.value += "font-family:Arial,Helvetica,sans-serif;\n";
widget.value += "letter-spacing:1px;color:#555;\n";
widget.value += "}\n";
widget.value += "#bpslidein_title{\n";
widget.value += "color:#555;\n";
widget.value += "font-weight:700;\n";
widget.value += "font-size:16px;\n";
widget.value += "margin:10px 20px 10px 0;\n";
widget.value += "}\n";
widget.value += "#bpslidein a,#bpslidein a:hover,#bpslidein_title{\n";
widget.value += "text-decoration:none;color:#"+ tlinkc +";\n";
widget.value += "}\n";
widget.value += "#bpslidein .close,#bpslidein .expand,#bpslidein .help{\n";
widget.value += "border:2px solid #EEE;\n";
widget.value += "cursor:pointer;\n";
widget.value += "color:#9A9AA1;\n";
widget.value += "width:13px;\n";
widget.value += "height:15px;\n";
widget.value += "padding:2px 0 0 5px;\n";
widget.value += "position:absolute;\n";
widget.value += "right:10px;font-size:17px;\n";
widget.value += "font-weight:700;font-family:Arial, Helvetica, sans-serif;\n";
widget.value += "font-size:12px;\n";
widget.value += "}\n";
widget.value += "#bpslidein .help{right:35px;\n";
widget.value += "}\n";
widget.value += "#bpslidein_title,#bpslidein_image{\n";
widget.value += "float:left;width:80px;\n";
widget.value += "}\n";
widget.value += "#bpslidein_title{\n";
widget.value += "width:290px;\n";
widget.value += "}\n";
widget.value += "<\/style>\n";
widget.value += "<div id=\"bpslidein\" style=\"display:none;\"> \n";
widget.value += "<div class=\"help\">?<\/div>\n";
widget.value += "<div class=\"expand\">+<\/div>\n";
widget.value += "<div class=\"close\">X<\/div>\n ";
widget.value += "<p>Recommended for you<\/p>\n ";
widget.value += "<div id=\"bpslidein_image\"><\/div>\n ";
widget.value += "<div  id=\"bpslidein_title\"><img border=\"0\" src=\"http:\/\/4.bp.blogspot.com\/-jCFjmfYh4To\/UNgYaDfdufI\/AAAAAAAAGFY\/RrOdy-Jcoiw\/s1600\/MD-loading.gif\" \/><\/div>\n";
widget.value += "<div class='addthis_toolbox addthis_default_style '>\n";
if (sharebutton == 1) {
widget.value += "<a class='addthis_button_facebook_like' fb:like:layout='button_count'\/>\n";
widget.value += "<a class='addthis_button_tweet'\/>\n";
widget.value += "<a class='addthis_button_google_plusone' g:plusone:size='medium'\/>\n";
widget.value += "<\/a><\/a><\/a><\/div>\n";
widget.value += "<script src='http:\/\/s7.addthis.com\/js\/250\/addthis_widget.js#pubid=xa-4f086bca05bf6861' type='text\/javascript'\/>\n";
widget.value += "<script>\n";
widget.value += "!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=\"\/\/platform.twitter.com\/widgets.js\";fjs.parentNode.insertBefore(js,fjs);}}(document,\"script\",\"twitter-wjs\");<\/script>\n";
}
else if (sharebutton==2) 
{}
widget.value += "<\/div> \n";
widget.value += "<script> if(document.location.href.split(\"\/\").length==6&&document.location.href.indexOf(\".html\")!=-1){if(typeof bp_onload_queue=='undefined')var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function'){function bp_async_loader(src,callback,id){var script=document.createElement('script');script.type=\"text\/javascript\";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState==\"loaded\"||previous_script.readyState==\"complete\"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bp_dom_loaded){newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bp_domLoaded!='function')function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();bp_async_loader(\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.7.1\/jquery.min.js\",function(){bp_async_loader(\"https:\/\/sites.google.com\/site\/gj37765blogspotcom\/recommended%20slide%20out-left.js\",function(){},\"bp-out-slide\")},\"jQueryjs\")} <\/script>\n";
widget.value += "<a href=\"http:\/\/gj37765.blogspot.com\/2012\/12\/recommended-slide-out-post-widget-with-social-buttons-for-blogger.html\" target=\"_blank\"><img src=\"http:\/\/3.bp.blogspot.com\/-v0ofKh83wb4\/T50FBQ5peZI\/AAAAAAAADBc\/nnJpFQ8RJ10\/s1600\/www.gj37765.blogspot.com.png\" alt=\"Recommended Post Slide Out For Blogger\" \/>\n";
widget.value += "<\/a>";
}}
</script>
</head>
<body>
<div id='content-wrapper'>
<h2>Recommended Post Slide Out Widget With Share Buttons Generator by Muhammad Akbar</h2>
<fieldset><legend>Settings</legend><br>
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<table width="100%">
<tr>
<td width='60%'><label for='md'> Slide out Position</label>:</td>
<td width='40%'>
<select class='select-box' id='md'  name='md'>
<option value='1'>Right</option>
<option value='2'>Left</option> 
</select>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='mdsharebutton'> Show Social Share Buttons?</label>:</td>
<td width='40%'>
<select class='select-box' id='mdsharebutton'  name='mdsharebutton'>
<option value='1'>Yes</option>
<option value='2'>No</option>  
</select>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='mdtbcolor'>Top Border Color</label>:</td>
<td width='40%'><input class='inputcolor text-input' type='text' id='mdtbcolor' name='mdtbcolor' value='F9780E' size='6'></input><span
class="colorbox"></span>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='mdtbs'>Top Border Size</label></td>
<td width='40%'><input class='text-input' type='text' id='mdtbs' name='mdtbs' value='5' size='6'> px</td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='mdtlinkc'>Title Link Color</label>:</td>
<td width='40%'><input class='inputcolor text-input' type='text' id='mdtlinkc' name='mdtlinkc' value='F9780E' size='6'></input><span
class="colorbox"></span></td>
</tr>
<tr></tr>
<tr></tr>
</table>
</fieldset>
<center><input style="width:180px; font-weight:bold;font-size:20px; " name="go" value="Add to Blogger" type="submit" onclick="javascript:makingdifferentcodegen();"><br><textarea name="widget.content" style="display:none;"></textarea><input name="infoUrl" value="http://muhammadakbar.blogspot.com" type="hidden"><input name="logoUrl" value="" type="hidden"></form></center>
<br>
<center><small> Copyright &copy; 2012 All Rights Reserved by <a class="g-profile" href="https://plus.google.com/114323851032739831280" target="_blank">Muhammad Akbar</a> @ <a href='http://www.muhammadakbar1.blogspot.com/' target="_blank">Muhammad Akbar</a></small></center>
</div>
</body>
</html>